今天宠物迷的小编给各位宠物饲养爱好者分享jquery 点击无效果的宠物知识,其中也会对jquery 点击当前添加一个样式,在次点击取消这个样式,(jquery 点击当前添加一个样式,在次点击取消这个样式)进行专业的解释,如果能碰巧解决你现在面临的宠物相关问题,别忘了关注本站哦,现在我们开始吧!
1、首先打开hbuilder编辑器,在html文件中写入5个li标签,第一个li标签设置class样式,再在上方设置li标签的高度、宽度、字体大小、行高的等属性,再设置第一个li标签的样式,给它加一个外边框。 2、然后在下方先引入jQuery的库文件,在script标签中先用$选择器得到li标签的dom对象并给li标签设置一个点击事件,当点击li标签的时候,先调用siblings方法找到同级的li标签去除设置的css样式,然后在给点击的li标签添加样式就可以了。 3、最后打开浏览器,可以看到并排的5个li标签,第一个li标签是有红色边框的。 4、当点击其他的li标签的时候,原来的li标签的边框就没有样式了,点击后的li标签会增加红色边框。
是不是jquery冲突了!或者没有引入jquery
1.jquery的外部文件引用了吗,如:jquery-1.11.1.min.js2.jquery点击事件中的id,class等等调用的对吗,如:$("#id").val();3.jquery使用的点击事件是正确的吗,如:$("#id").click(function(){...});
需要准备的材料分别有:电脑、html编辑器、浏览器。 1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery,填充问题基础代码。 2、在index.html中的标签中的bbbb的点击事件中,新增jquery代码:e.stopPropagation();。 3、浏览器运行index.html页面,此时点击“bbbb”元素,只触发了span的点击事件而不触发li的。
你这个我根据经验估计是你的样式在所有的IE浏览器都没有掉用到,因当是代码有问题造成没有样式,我以前也遇到过好像是没有加W3C协议吧如下<!DOCTYPE html PUBLIC "-//W3C//DTD XH就是这个玩意没有加在顶上,你这个最好是放出代码出来
alert("用户名密码错误")
改为
alert("用户名密码错误")
//注意括号要用半角的
此外
改为
动态加入到DOM中的对象无法继承原有的事件,所以无效,举例: // $.ajax... ajax部分省略var tr = "";if(data.length){ for(var i=0; i'; tr += '' + data.status == 0 ? "正常" : "报警" + ''; tr += ''; $("#table1").find("tbody").append(tr); } }// tr的点击事件$("#table1 tbody").find("tr").click(function(){ // do something});上面的例子中,table1中原有的tr标签有点击事件,而通过ajax获取数据动态创建添加到DOM中的tr标签并没有继承点击事件,点击无任何反应。解决办法有两种: 纯js方法:将tr的点击事件写成函数,然后为动态创建的tr标签添加该函数的onclick事件: for(var i=0; i'; // 创建时为tr指定click事件 tr += '' + data.status == 0 ? "正常" : "报警" + ''; tr += ''; $("#table1").find("tbody").append(tr);}jquery方法:jquery中可使用live()、on()两个方法来完成类似效果,其原理是利用事件委派机制,需要注意的是jquery 1.9版本已不再支持live()方法。 // tr的点击事件 (jquery 1.9以下)$("#table1 tbody").find("tr").live("click", function(){ // do something});// tr的点击事件【推荐】 (jquery 1.7以上)$("#table1 tbody").find("tr").on("click", function(){ // do something});
js动态生成的dom元素得用live进行事件委托,如
$(".t").live("click",function(){
alert(this);
});
这样样式为t的元素就能触发click事件,不管是页面加载完前生成的还是之后js动态生成的。
使用委派来处理后续加载的dom元素delegate$("body").delegate(".abc", "click", function(){ console.log($(this).html());});
本文由宠物迷 百科常识栏目发布,非常欢迎各位朋友分享到个人朋友圈,但转载请说明文章出处“jquery 点击当前添加一个样式,在次点击取消这个样式,”